<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <script src="public/js/jquery-3.1.1.min.js"></script>
    <script src="public/js/jquery-ui-1.12.1/jquery-ui.min.js"></script>
    <script src="public/js/jquery.ui.datepicker-zh-CN.js"  type="text/javascript"></script>
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
    <script>
        $(function() {
            $( "#start" ).datepicker({
                showButtonPanel: true,
                maxDate:0,
                onSelect:function(dateText,inst){
                    $("#end").datepicker("option","minDate",dateText);
                }
            });
            $( "#end" ).datepicker({
                showButtonPanel: true,
                onSelect:function(dateText,inst){
                    $("#start").datepicker("option","maxDate",dateText);
                },
                maxDate:0
            });
        });
    </script>
</head>
<body>

<p>日期：<input type="text" id="start"></p>
<p>日期：<input type="text" id="end"></p>

</body>
</html>